<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>OD简历</title>
  <link rel="stylesheet" href="main.css" type="text/css" />
  <style>
    body {
      padding-bottom: 50px;
    }
  </style>
</head>

<body>
  <h1>佘涛 简历</h1>

  <h2><img src="assets/icon-info-circle.svg" alt="icon-info" /> 个人信息</h2>
  <p><strong>佘涛 / 男 / 30岁</strong></p>
  <ul>
    <li>
      <img src="assets/icon-target.svg" alt="icon-target" />
      意向：前端/全栈开发
    </li>
    <li>
      <img src="assets/icon-graduation.svg" alt="icon-graduation" />
      学历：本科 / 安徽工程大学 / 机械设计制造及其自动化专业
    </li>
    <li>
      <img src="assets/icon-phone.svg" alt="icon-phone" /> 手机：17855358733
    </li>
    <li>
      <img src="assets/icon-envelope.svg" alt="icon-envelope" />
      邮箱：golden-fruit@foxmail.com
    </li>
  </ul>

  <h2><img src="assets/icon-info-circle.svg" alt="icon-info" /> 个人技能</h2>
  <ul>
    <li>熟练掌握ts、js、html5、css3</li>
    <li>熟悉react框架，维护过vue2和vue3项目</li>
    <li>熟练使用node及其框架nestjs</li>
    <li>熟练使用theejs，是react-three-filter框架的推荐者</li>
    <li>输出技术文档: https://juejin.cn/user/4251154273805820/posts</li>
    <li>开源项目地址: https://gitee.com/brother_shui/projects</li>
  </ul>
  <h2><img src="assets/icon-tools.svg" alt="icon-tools" />学习经历</h2>
  <div>
    <h3>2014.5-2018.9 安徽工程大学-机械设计制造及其自动化专业</h3>
    <h3>2011.6-2014.9 襄安中学</h3>
  </div>
  <h2><img src="assets/icon-tools.svg" alt="icon-tools" /> 工作经历</h2>
  <div>
    <h3>2023.12-2025.至今 安徽中科晶格技术有限公司</h3>
    作为前端开发工程师，主要负责：
    <ul>
      <li>区块链浏览器项目开发工作</li>
      <li>前端baas3.0平台的开发工作</li>
      <li>搭建前端框架，实现一些公共的基础组件</li>
      <li>负责区块链baas平台node项目的维护和开发如工作数据库迁移等</li>
      <li>公司sdk的npm仓库维护</li>
      <li>threejs的技术相关开源项目的研究、google插件的开发</li>
      <li>多次担任并主持团队内部进行技术分享，输出技术文档</li>
    </ul>
    <h3>2021.5-2023.9 星轨科技网络有限公司</h3>
    作为项目组长、全栈工程师，主要负责：
    <ul>
      <li>项目进度管理</li>
      <li>项目沟通和推进（与产品和客户沟通）及时调整方向，实现客户需求</li>
      <li>前后端框架搭建</li>
      <li>安排技术人员实现功能</li>
      <li>为新入职员工、及组员提供一定培训</li>
      <li>部分硬件产品与外部技术对接</li>
    </ul>
    <h3>2018.6-2018.10 中国葛洲坝集团第二工程有限公司</h3>
    作为仓储物资管理员负责：
    <ul>
      <li>仓库中的物资进行入库和出库记录</li>
      <li>月度仓库物资盘点</li>
    </ul>
  </div>

  <h2><img src="assets/icon-project.svg" alt="icon-project" /> 项目经历</h2>
  <div>
    <h3>晶格云服务平台（简称baas3.0）</h3>
    <ul>
      <li>
        <b>项目描述:</b>
      </li>
      该baas平台为toB项目，帮客户完成数据链上存证和溯源；
      提供多节点部署，支持在线创建、部署、监管联盟链。
      提供区块链浏览器，支持对出块、链交易及存证数据的在线查看和浏览。
      <li><b>负责部分：</b></li>
      baas3.0平台、区块链浏览器开发，baas2.0
      node后端及浏览器node后端和同步服务的维护工作
      <li><b>相关技术:</b></li>
      react+ts、tailwindCSS、radix-ui、nestjs、nodejs、websocket
      <li><b>技术描述:</b></li>
      <ul>
        <li>react+ts+vite 构建基础框架</li>
        <li>radix-ui+tailwindCSS 来作为ui库进行组件的开发</li>
        <li>axios+@tanstack/react-query 来进行请求管理</li>
        <li>@tanstack/react-router 路由管理</li>
        <li>
          prettier+eslint+commitlint+husky+lint-staged 代码格式和提交检查
        </li>
        <li>zustand 来进行数据状态管理</li>
        <li>@tanstack/react-table + zod 表格及校验</li>
      </ul>
    </ul>
    <h3>稻知3D</h3>
    <ul>
      <li>
        <b>项目描述:</b>
      </li>
      该项目为前端项目，它使用第一人称游览室内场景，并与场景模型交互的
      3D游戏。
      <li><b>负责部分：</b></li>
      前端3D
      <li><b>相关技术:</b></li>
      react+ts、react-three-fiber
      <li><b>技术描述:</b></li>
      <ul>
        <li>react+ts+less 搭建基础框架 添加react-three及其相关工具库</li>
        <li>
          将ui和模型( 即canvas层 )进行分离，让模型层处于 ui 视图的下方,ui
          视图浮在模型上搭建基础框架
        </li>
        <li>zustand 管理数据</li>
        <li>
          该项目作为iframe嵌入到其他项目页面中， 使用postMessage与父窗口通信
        </li>
        <li>项目介绍： https://gitee.com/brother_shui/daozhi-3d</li>
      </ul>
    </ul>
    <h3>田野课程</h3>
    <ul>
      <li>
        <b>项目描述:</b>
      </li>
      该项目客户端有3个端，幼儿端、教师端、课程编辑器端。
      其中课程编辑器用来生成课程并推送到教师端，教师选择相应的课程放到各个班级。
      幼儿从ipad上登入选择该班级下的课程。<br />
      每个课程都是一张大的2d地图，孩子们通过点击地图上的图标，探索各种知识。
      点击图标可以浏览图片、视频、音频。完成老师布置的任务与作业，上传音频（录音）、视频、图片。
      老师可以在教师端对作业进行打分留言（音视频）。
      <li><b>负责部分：</b></li>
      编辑器端、教师端
      <li><b>相关技术:</b></li>
      react、threejs、axios、antdesign
      <li><b>技术描述:</b></li>
      <ul>
        <li>
          使用vite搭建react+ts+less的基础框架，使用antdesign组件库,进行排版和布局
        </li>
        <li>使用react-router-dom管理路由</li>
        <li>使用threejs实现全景图的预览和查看；</li>
        <li>
          使用dva（基于react盒数据模型）模块化命名空间统一进行数据管理。
        </li>
        <li>统一封装了axios设置了拦截器，获取后台数据并动态渲染；</li>
        <li>
          使用ant-design的LoginForm组件登录，获取用户身份等相关信息，做后续渲染工作；
        </li>
      </ul>
    </ul>

    <h3>daoLink</h3>
    <ul>
      <li>
        <b>项目描述:</b>
      </li>
      网页h5,元宇宙、区块链。类似的产品有gather。账号对接unipass,metamask,
      实现多人在线交互聊天，实时视频会议、截图生成nft交易等。
      <li><b>负责部分：</b></li>
      前端
      <li><b>相关技术:</b></li>
      react、CocosCreator、AgoraWebSDK、socket、infura、useNft、
      html2canvas、cropperjs
      <li><b>技术描述:</b></li>
      <ul>
        <li>使用unipass,metamask登录账号，完成nft交易</li>
        <li>使用use-nft来显示nft图片</li>
        <li>
          使用infura来优化数字货币显示体验（可以看作以太坊云节点，直接访问这个网站的api，可以沟通全网）
        </li>
        <li>使用html2canvas和cropperjs做截图和图片裁剪</li>
        <li>接入声网的AgoraWebSDK，实现多人在线实时音视频通话</li>
        <li>使用CocosCreator创建游戏，实现人物在2d地图上的探索交互</li>
        <li>socket实现多人状态同步，实时语音及发送消息</li>
      </ul>
    </ul>

    <h3>共享单车</h3>
    <ul>
      <li><b> 项目描述:</b></li>
      该项目有3个端，用户端作为一个小程序，为用户提供单车租赁功能
      后台可以实时监控车辆位置，和控制单车锁的开关。
      <li><b>负责部分：</b></li>
      全部
      <li><b> 前端相关技术: </b></li>
      小程序 webgis react+taro框架+antdesign
      腾讯地图sdk、轨迹画线、在范围内停车
      <li><b> 后端相关技术: </b></li>
      nodejs + nestjs框架+硬件通讯：tcp通讯，GSM 通信
      <li><b>技术描述:</b></li>
      <ul>
        <li>使用腾讯地图sdk构建小程序端和后台显示地图</li>
        <li>
          后台实现轨迹画线功能，规定车辆停靠的区域，用户只能停靠在电子围栏内
        </li>
        <li>单车设备和tcp服务端直接通讯（通过socket）</li>
        <li>tcp服务端模拟设备传递的参数调试</li>
      </ul>
    </ul>

    <h3>阻拦系统</h3>
    <ul>
      <li><b> 项目描述：</b></li>
      阻拦系统是综合利用多传感器信息，根据内置的拦截模式，拦截符合拦截模式条件的车辆，该项目为军方提供服务。

      <li><b> 负责部分：</b></li>
      前后端
      <li><b> 前端技术：</b></li>
      vite+react+election+ts
      <li><b> 后端技术：</b></li>
      nodejs + sqlite构架本地数据库,rs485,socket
      <li><b>技术描述: </b></li>
      <ul>
        <li>考虑跨平台特性，使用electron构建软件</li>
        <li>
          利用electron的ipc通讯及nodejs，构建后端路由，使用 sqlite 本地数据库
        </li>
        <li>
          获取摄像头的视频流，综合性能和清晰度考虑，使用RTSPtoWeb方案（go语言）拉流推流，该方案github上开源。
        </li>
        <li>和阻拦设备使用串口通讯（rs485）</li>
        <li>车辆信息通过socket-udp通信获取</li>
      </ul>
    </ul>
  </div>

  <h2><img src="assets/icon-info.svg" alt="icon-info" /> 自我介绍</h2>
  <ul>
    <li>对游戏和3D相关的项目兴趣比较大，业余时间喜欢研究游戏和3D项目</li>
    <li>
      喜欢语义化的命名风格，酷爱可阅读性。喜欢规范的代码结构，喜欢ts类型声明来进行开发;
    </li>
    <li>在项目起始阶段，会调研和进行技术选型，搭建框架结构；</li>
    <li>
      在项目进行中间阶段，会督促并帮助组员将代码抽离成组件,将各个部分的功能解耦便于维护。
    </li>
    <li>周期性review代码，维持项目代码的整体性和风格一致性;</li>
    <li>
      负责用户端开发时，考虑到组件库对性能的影响，常常自己封装组件。因此对原生js与html感受颇深;
    </li>
  </ul>
</body>

</html>